<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/zyfooter.css" />
		<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
				font-family: "微软雅黑";
			}
			
			#dingdan_head {
				width: 100%;
				height: 84px;
				background-color: #EA4234;
			}
			
			#dingdan_zhong {
				width: 1349px;
				height: 550px;
			}
			#dingdan_head img{
				margin-top: 6px;
				margin-left: 20px;
			}
			
			#dingdan_head p {
				display: inline-block;
				line-height: 84px;
				color: white;
				font-weight: bold;
				margin-left: 260px;
				font-size: 14px;
			}
			
			.dingdan_head_ssk {
				width: 168px;
				height: 32px;
				border: 1px solid white;
				margin-left: 70px;
				outline: none;
				vertical-align: middle;
			}
			
			.dingdan_head_ss {
				color: #666666;
				font-weight: bold;
				width: 54px;
				height: 34px;
				border: 1px solid white;
				background-color: white;
				outline: none;
				vertical-align: middle;
			}
			
			.dingdan_gouwuchediv {
				margin-left: 40px;
				display: inline-block;
				width: 100px;
				height: 34px;
				line-height: 40px;
				text-align: center;
				/*border: 1px solid;*/
				vertical-align: middle;
				background-color: white;
			}
			
			.dingdan_gouwuche,
			.dingdan_shouye a {
				color: black;
				font-size: 14px;
				text-decoration: none;
			}
			
			.dingdan_shouye {
				list-style-type: none;
				color: white;
				margin-left: 30px;
				width: 270px;
				display: inline-block;
			}
			
			.dingdan_caidan {
				float: left;
				margin-top: 30px;
				margin-left: 30px;
				width: 211px;
				height: 318px;
				border: 1px solid #DDDDDD;
				background-color: white;
			}
			
			.dingdan_caidan h5 {
				height: 40px;
				line-height: 40px;
			}
			
			.dingdan_caidan p>img,
			.dingdan_xuanxiang>img {
				margin-right: 20px;
			}
			
			.dingdan_caidan p {
				text-indent: 1em;
				line-height: 40px;
				height: 40px;
				border-bottom: 1px solid red;
			}
			
			.dingdan_xuanxiang {
				text-indent: 1em;
			}
			
			.dingdan_xuanxiang:hover {
				cursor: pointer;
			}
			
			.dingdan_caidan ul>li {
				height: 40px;
				font-size: 14px;
				line-height: 35px;
				text-indent: 3em;
				display: block;
				width: 210px;
				color: black;
				/*border: 1px solid;*/
				list-style-type: none;
			}
			
			.dingdan_caidan ul>li:hover {
				cursor: pointer;
				color: white;
				background-color: #EA4234;
			}
			
			.dingdan_div {
				margin-top: 30px;
				margin-right: 110px;
				float: right;
				width: 976px;
				height: 500px;
				border: 1px solid #DDDDDD;
			}
			
			#dingdan_div2,
			#dingdan_div3,
			#dingdan_div4,
			#dingdan_div5 {
				display: none;
			}
			
			#dingdan_div1,
			#dingdan_div2,
			#dingdan_div3,
			#dingdan_div4,
			#dingdan_div5 {
				font-size: 13px;
				width: 100%;
				height: 100%;
				/*border: 1px solid red;*/
			}
			
			#shengji {
				text-align: left;
				/*font-size: 12px;*/
				margin-top: 60px;
				line-height: 40px;
				margin-left: 100px;
			}
			
			.xinxi_div p {
				width: 700px;
				height: 40px;
				/*border: 1px solid blue;*/
				margin-top: 10px;
				margin-left: 200px;
				text-align: left;
			}
			
			.xinxi_div p input[type=text] {
				/*text-align: right;*/
				width: 300px;
				height: 40px;
				background-color: white;
				border: 1px solid #eeeeee;
				outline: none;
			}
			
			.xinxi_div select {
				width: 80px;
				height: 40px;
				background-color: white;
				border: 1px solid #eeeeee;
				outline: none;
			}
			
			#shengji select,
			#shengji input {
				/*width: 100px;*/
				height: 40px;
				background-color: white;
				border: 1px solid #eeeeee;
				outline: none;
			}
			
			.xinxi_div p>span{
				display: inline-block;
				width: 100px;
				text-align: right;
				/*border: 1px solid;*/
			}
			
			.zhanghu_jifen,
			#dingdan_div3 p {
				height: 40px;
				line-height: 40px;
				/*font-weight: bold;*/
				text-indent: 1em;
			}
			
			#dingdan_div4 ul {
				height: 30px;
				background-color: #F5F5F5;
			}
			
			#dingdan_div4 ul>li {
				list-style-type: none;
				background-color: white;
				margin-left: 10px;
				text-align: center;
				border-top: 2px solid #EA4234;
				width: 80px;
				height: 30px;
			}
			
			#dingdan_div4 ul>li:hover {
				cursor: pointer;
			}
			
			.queding_btn,
			.quedingmima_btn,
			.gerenxinxi_btn {
				margin-left: 400px;
				color: white;
				width: 100px;
				height: 40px;
				line-height: 40px;
				margin-top: 50px;
				border: 1px solid;
				text-align: center;
				background-color: #EA4234;
				box-shadow: 0px 0.5px 0px 0px #eeeeee;
				border-radius: 8px;
			}
			
			.queding_btn:hover,
			.quedingmima_btn:hover,
			.gerenxinxi_btn:hover {
				background-color: #EA4244;
				cursor: pointer;
			}
			
			.mima {
				margin-top: 30px;
				text-align: center;
			}
			
			.mima div {
				margin-left: 350px;
				font: "微软雅黑";
				width: 300px;
				border: 1px solid lavender;
				text-align: right;
			}
			
			.mima p {
				height: 40px;
				line-height: 40px;
				font-size: 12px;
				font: "微软雅黑";
			}
			
			.mima input {
				width: 200px;
				height: 40px;
				border: 1px solid transparent;
				outline: none;
			}
			
			.mima span {
				margin-right: 10px;
			}
			.dingdan_xinxi{
				width: 290px;
				height: 305px;
				border-bottom: 1px solid #DDDDDD;
				float: left;
			}
			.dingdan_xinxi1{
				width: 400px;
				height: 305px;
				border-bottom: 1px solid #DDDDDD;
				float: left;
			}
			.dingdan_jiesuan{
				margin-top: 140px;
				text-align: right;
				width: 282px;
				height: 164px;
				border-bottom: 1px solid #DDDDDD;
				float: left;
				
			}
			.dingdan_jiesuan span{
				display: inline-block;
				width: 150px;
				line-height: 30px;
				color: red;
			}
			.dingdan_jiesuan input{
				width: 100px;
				height: 30px;
				border-radius: 5px;
				outline: none;
				border: 1px solid #EA4235;
			}
			.dingdan_xinxi1 span{
				padding-right: 20px;
			}
			.dingdan_xinxi1 p{
				padding-top: 10px;
				padding-left: 20px;
			}
			.dingdan_xinxi1 p:nth-child(1){
				font-size: 18px;
				font-weight: bold;
				height: 60px;
				line-height: 60px;
			}
			.dingdan_xinxi1 p:nth-child(1)>a{
				text-decoration: none;
				color: black;
			}
			.dingdan_xinxi1 p:nth-child(2){
				height: 30px;
				line-height: 30px;
			}
			.dingdan_xinxi1 p:nth-child(3){
				height: 30px;
				line-height: 30px;
				border-bottom:1px dashed #DDDDDD ;
			}
			.dingdan_xinxi1 p:nth-child(4){
				height: 60px;
				border-bottom:1px dashed #DDDDDD ;
			}
			.dingdan_xinxi1 p:nth-child(5)>span{
				padding-right: 5px;
				
				color: red;
				font-size:14px;
				font-weight: bold;

			}
			.dingdan_xinxi img{
				width: 285px;
				height: 285px;
				padding: 5px;
			}
			.dingdan_caidan li.dianji {
				color: white;
				background-color: #EA4234;
			}
			
			.dingdan_gerenxinxi {
				width: 976px;
				height: 200px;
				border-bottom: 1px solid #DDDDDD;
				text-align: center;
			}
			
			.dingdan_gerenxinxi_touxiang {
				width: 200px;
				height: 200px;
				/*border: 1px solid;*/
				background-image: url(img/liwei/userbg.png);
				float: left;
			}
			.dingdan_zhanghu {
				width: 300px;
				height: 200px;
				margin-left: 150px;
				text-align: left;
				line-height: 40px;
				/*border: 1px solid;*/
				padding-left: 60px;
				font-weight: bold;
				float: left;
			}
			.dingdan_zhanghu span{
				font-weight: normal;
			}
			.footer {
				display: none;
			}
			#yzyx,#yzqq{
				width: 200px;
				text-align: left;
			}
			
		</style>
		<script src="js/citylist.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/YMDClass.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/lw_yhzx.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="dingdan_head">
			<!--<img src="img/zhuye/logo.jpg"/>-->
			<p>我的黑科技</p>
			<ul class="dingdan_shouye">
				<li id="index" onclick="show(5)">
					首页
				</li>
			</ul>
			<input type="text" class="dingdan_head_ssk" /><input type="button" class="dingdan_head_ss" value="搜索" />
			<div class="dingdan_gouwuchediv">
				<img src="img/liwei/chart.png" />
				<a href="javascript:;" class="dingdan_gouwuche">购物车</a>
			</div>
		</div>
		<div id="dingdan_zhong">

			<div class="dingdan_caidan">
				<p><img src="img/liwei/icon1 (1).png" id="tu1" />个人中心</p>
				<h5 class="dingdan_xuanxiang"><img src="img/liwei/clhbg.png"/>订单中心</h5>
				<ul>
					<li onclick="show(1)">我的订单</li>
					<li onclick="show(2)">收货地址</li>

				</ul>
				<h5 class="dingdan_xuanxiang"><img src="img/liwei/clhbg.png"/>账户设置</h5>
				<ul>
					<li onclick="show(3)">个人信息</li>
					<li onclick="show(4)">账号管理</li>

				</ul>
			</div>
			<div class="dingdan_div">
				<div id="dingdan_div1" class="xianshi">
					<div class="dingdan_xinxi">
						<img src="img/dmhxq/sc_X170221144239513365.jpg"/>
					</div>
					<div class="dingdan_xinxi1">
						<p><a href="javascpipt:;">苹果 iPhone 6 2GB + 32GB 金色 4G全网通</a></p>
						<p><span> 颜色：土豪金</span><span>内存：64GB</span><span>制式：4G全网通</span><span>数量：1台 </span></p>
						<p>促销价：￥2169.00</p>
						<p>已购服务：</p>
						<p>促销：购买即送<span>2169</span>积分</p>
					</div>
					<div class="dingdan_jiesuan">
						<p>运费：<span>￥0.00</span></p>
						<p>总计：<span>￥2169.00</span></p>
						<p>已优惠：<span>￥0.00</span></p>
						<p>共计：<span style="font-size: 20px;">￥2169.00</span></p>
						<input type="button" id="jixu" value="继续购物"  style="background-color: white;color: #EA4235;"/>
						<input type="button" id="jiesuan" value="去结算>"  style="background-color: #EA4235;color: white;"/>
						
					</div>
					
				</div>
				<div id="dingdan_div2" class="xianshi">
					<form action="" method="get">
						<div id="shengji">
							<span>收货地址：</span>
							<select id="sheng" onchange="setshi()">
								<option>请选择</option>
							</select>
							省/市
							<select id="shi" onchange="setqu()">
								<option>请选择</option>
							</select>
							市/区
							<select id="qu">
								<option>请选择</option>
							</select>区/县<br /><br />
							<p>详细地址：<input type="text" style="width: 400px;"></p>
						</div>
						<input class="queding_btn" type="submit" value="确定" />
					</form>

				</div>
				<div id="dingdan_div3" class="xianshi">
					<p style="border-bottom: 1px solid #E6E6FA;">个人信息</p>
					<div class="xinxi_div">
						<p><span>手机号：</span><span>12345678923</span></p>
						<p><span>昵称：</span><input type="text" name="" id="" value="" /></p>
						<p><span>真实姓名：</span><input type="text" name="" id="" value="" /></p>
						<p><span>生日：</span>
							<select name="year1"></select>
							<select name="month1"></select>
							<select name="day1"></select>
						</p>
						<p><span>性别：</span><input type="radio" name="xb" id="xb" value="男" />男<input type="radio" name="xb" id="xb" value="女" />女</p>
						<p><span>邮箱：</span><input type="text" name="" id="yx" value="" onblur="youxiang()"/> <span id="yzyx"></span></p>
						<p><span>QQ：</span><input type="text" name="" id="qq" value="" onblur="qq()"/><span id="yzqq"></span></p>

						<div class="gerenxinxi_btn">
							确认修改
						</div>
					</div>
				</div>
				<div id="dingdan_div4" class="xianshi">
					<p class="zhanghu_jifen">账号管理</p>
					<ul>
						<li>修改密码</li>
					</ul>
					<div class="mima">
						<div><span>新密码</span><input id="pwd" type="password" onblur="yanzheng()"></div>
						<p id="yzp">新密码长度6-18位，不能有空格或其他特殊字符哦</p>
						<div><span>重复新密码</span><input id="pwd2" type="password" onblur="zaici()"></div>
						<p id="yzp2">新密码长度6-18位，不能有空格或其他特殊字符哦</p>

						<div><span>旧密码</span><input type="text"></div>
						<p class="quedingmima_btn">
							确认修改
						</p>
					</div>
				</div>
				<div id="dingdan_div5" class="xianshi">
					<div class="dingdan_gerenxinxi">
						<div class="dingdan_gerenxinxi_touxiang">
							<img src="img/liwei/UserHead1 (1).jpg" style="width: 80px;height: 80px;margin-top: 20px;" />
							<p>1822200****</p>
						</div>
						<div class="dingdan_zhanghu">
							<p>账户管理</p>
							<p>账户安全：<span>较高</span></p>
							<p>手机：<span>1822200****</span></p>
							<p>邮箱：<span></span></p>
							<p>生日：<span>1900-1-1</span></p>
							
						</div>
					</div>
					
				</div>
			</div>

		</div>
		<div class="footer">
			<div class="footer_div1">
				<div class="footer_div1_top">
					<a href="javascript:;"><img src="img/footer/fuwu01.jpg" width="256" height="97" class="_top_a" /></a>
					<a href="javascript:;"><img src="img/footer/fuwu02.jpg" width="214" height="97" class="_top_a" /></a>
					<a href="javascript:;"><img src="img/footer/fuwu03.jpg" width="205" height="97" class="_top_a" /></a>
					<a href="javascript:;"><img src="img/footer/fuwu04.jpg" width="254" height="97" class="_top_a" /></a>
					<a href="javascript:;"><img src="img/footer/fuwu05.jpg" width="237" height="97" class="_top_a" /></a>
				</div>
				<div class="clear"></div>
				<div class="footer_div1_bottom">
					<dl class="footer_div1_bottom_left">
						<dt>购物指南</dt>
						<dd>
							<a href="javascript:;">购物流程</a>
						</dd>
						<dd>
							<a href="javascript:;">会员介绍</a>
						</dd>
						<dd>
							<a href="javascript:;">常见问题</a>
						</dd>
						<dd>
							<a href="javascript:;">联系客服</a>
						</dd>
					</dl>
					<dl class="footer_div1_bottom_left">
						<dt>支付方式</dt>
						<dd>
							<a href="javascript:;">快捷支付</a>
						</dd>
						<dd>
							<a href="javascript:;">分期付款</a>
						</dd>
						<dd>
							<a href="javascript:;">货到付款</a>
						</dd>
						<dd>
							<a href="javascript:;">门店支付</a>
						</dd>
					</dl>
					<dl class="footer_div1_bottom_left">
						<dt>物流配送</dt>
						<dd>
							<a href="javascript:;">到店自提</a>
						</dd>
						<dd>
							<a href="javascript:;">送货上门</a>
						</dd>
						<dd>
							<a href="javascript:;">物流查询</a>
						</dd>
					</dl>
					<dl class="footer_div1_bottom_left">
						<dt>售后服务</dt>
						<dd>
							<a href="javascript:;">退换货流程</a>
						</dd>
						<dd>
							<a href="javascript:;">退款说明</a>
						</dd>
						<dd>
							<a href="javascript:;">退换货申请</a>
						</dd>
						<dd>
							<a href="javascript:;">预约维修</a>
						</dd>
					</dl>
					<dl class="footer_div1_bottom_left">
						<dt>心服务</dt>
						<dd>
							<a href="javascript:;">投诉奖励</a>
						</dd>
						<dd>
							<a href="javascript:;">交通补助</a>
						</dd>
						<dd>
							<a href="javascript:;">十大免费</a>
						</dd>
					</dl>
					<div class="footer_div1_bottom_right">
						<div class="footer_div1_bottom_right_img"><img src="img/footer/quanguomendian_icon.png"></div>
						<strong id="footer_str_strong">身边黑科技</strong>
						<p id="p_p1">全国300个城市3000家门店为您提供最贴心的服务！</p>
						<div id="btn_n1"></div>
					</div>
					<div class="clear"></div>
				</div>

			</div>
			<div id="footer_last">
				<div class="footer_div2">
					<div id="footer_div2_top">
						<ul id="footer_div2_ul">
							<li>
								<a href="javascript:;">关于我们</a>
							</li>
							<li>
								<a href="javascript:;">联系我们</a>
							</li>
							<li>
								<a href="javascript:;">品牌专区</a>
							</li>
							<li>
								<a href="javascript:;">友情链接</a>
							</li>
							<li>
								<a href="javascript:;">迪粉社区</a>
							</li>
							<li id="lis">
								<a href="javascript:;">投诉建议</a>
							</li>
						</ul>
						<div class="clear"></div>
						<p>全国服务热线：400-700-8800 </p>
						<p>商务合作: jiaxiao@dixintong.com</p>
						<p id="last_p">Powered by DiXinTong©2001-2015京ICP备11010605号©2001-2015 DiXinTong Inc. 北京黑科技商贸股份有限公司</p>
					</div>
					<div id="erweima">
						<div id="ewm-z">
						</div>
						<div id="ewm_y">
							<p class="p1">黑科技客户端</p>
							<p class="p2">移动生活，私人订制</p>
							<div id="btn_n2">APP下载</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="js/sjld.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		</script>
	</body>

</html>